<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <c:url var="base" value="/"/>
    <base href="${base}">
    <meta charset="UTF-8">
    <title>东北林业大学软件工程专业${item3.title}</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        a{
            text-decoration: none;
        }
        ul,li{
            list-style: none;
            padding: 10px 0;
        }
        h2{
            text-align: center;
            letter-spacing: 10px;
        }
        .clear{
            clear: both;
        }
        .area{
            background: rgba(229, 239, 255, 0.9);
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
        }
        .main{
            width: 60%;
            margin-left: 20%;
        }
        .side{
            width: 15%;
            display: block;
            position: fixed;
            left: 3%;
        }
        .side li{
            background: #57ffa4;
            margin:10px;
            border-radius: 45%;
            opacity: 0.7;
        }
        .side li:hover{
            transform: scale(1.2,1.2);
            transition-duration: 0.2s;
            opacity: 1;
        }
        .side a{
            text-align: center;
            display: block;
            color: #328559;
            font-size: 25px;
            padding: 10px;
        }
        .img{
            text-align: center;
        }
        .img img{
            height: 300px;
        }
        .blank{
            height: 30px;
        }
        p{
            font-size: 20px;
            line-height: 200%;
            letter-spacing: 2px;
        }
    </style>
</head>
<body>
<div class="container">
    <div>
        <%@include file="/WEB-INF/jsp/nav.jsp" %>
    </div>
    <div>
        <%@include file="/WEB-INF/jsp/logbutton.jsp" %>
    </div>
    <div class="blank"></div>
    <div class="side clear">
        <ul>
        <c:forEach items="${items}" var="v">
            <c:if test="${v.cid==cid}">
                <li><a href="page?cid=${v.cid}&tid=${v.tid}">${v.title}</a></li>
            </c:if>
        </c:forEach>
        </ul>
    </div>
    <div class="main">
        <c:forEach items="${items2}" var="w">
            <div class="clear area">
                <h2><c:if test="${w.cid==3}">${w.title}:</c:if>${w.name}</h2>
                <div class="blank"></div>
                <div class="img">
                    <c:if test="${w.img!=null}">
                        <img <c:if test="${w.cid==3}">style="border-radius: 50%;" </c:if> src="images/${w.img}">
                    </c:if>
                </div>
                <div class="blank"></div>
                <p>
                        ${w.content}
                        ${w.content2}
                </p>
            </div>
        </c:forEach>
    </div>
    <div>
        <%@include file="/WEB-INF/jsp/footer.jsp" %>
    </div>
</div>
</body>
</html>